<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><%= title %></title>

  <!-- Bootstrap -->
  <link href="stylesheets/bootstrap.min.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body data-spy="scroll" data-target=".navbar-scrollpy">
  <!---　　－－－－－－－－－－－－－－－－－－导航－－－－－－－－－－－－－－－－　　-->

  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        <a class="navbar-brand" href="#">后台</a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="navbar-scrollpy">
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="#jumuID">巨幕组 <span class="badge">3</span></a></li>
            <li><a href="#biaogeID">表格组<span class="badge">13</span></a></li>
            <li><a href="#zhedieID">折叠组 <span class="badge">13</span></a></li>
            <li><a href="#fenyeID">分页组 <span class="badge">3</span></a></li>
          </ul>
          <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Search">
            </div>
            <button type="submit" class="btn btn-default">搜索</button>
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li>
              <a href="#">
                <span class="glyphicon glyphicon-plus" data-toggle="modal" data-target="#modalID">添加项目</span>
              </a>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">国考<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">山东省考</a></li>
                <li><a href="#">１８联考</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>

  <!---　　－－－－－－－－－－－－－－－－－－巨幕组－－－－－－－－－－－－－－－－　　-->
  <div class="container">
    <div class="page-header" id="jumuID">
      <h1>巨幕组
        <small>最新巨幕</small>
      </h1>
    </div>
    <br/>
    <!-- －－－－－－－－－－－－－－－－ -->
    <form class="form-horizontal" role="form"  method ="POST" action="renewcontent/jumu">
      <div class="form-group">
        <label for="addjumu" class="control-label col-md-1" >标题</label>
        <div class="col-md-11">
          <input type="text" class="form-control" id="addjumu" name="title" placeholder="公告标题">
        </div>
      </div>
      <!-- －－ -->
      <div class="form-group">
        <label for="addjumucon" class="control-label col-md-1">内容</label>
        <div class="col-md-11">
          <textarea class="form-control" id="addjumucon" rows="12" name="content" placeholder="公告内容"></textarea>
        </div>
      </div>
      <!-- －－ -->
      <div class="form-group">
        <label for="addjumucon" class="control-label col-md-1">时间</label>
       
        <div class="col-md-10">
          <input type="text" class="form-control" id="addjumu" name="time" placeholder="（必填）前端显示将按时间顺序　比如2016年12月6号，那么时间格式:20161206">
        </div>

        <div class="col-md-1">
          <button type="submit" class="btn btn-default">提 交</button>
        </div>

      </div>
    </form>

    <!---　　－－－－－－－－－－－－－－－－－－表格组 －－－－－－－－－－－－－－－－　　-->

    <div class="page-header" id="biaogeID">
      <br/><br/><br/>
      <h1>表格组
        <small>更新时间2016.12.08 12:00</small>
      </h1>
    </div>
    <br/>
    <!--  －－－－－－－－－－－－－－－－－－－－－－ -->
    <div>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>项目</th>
            <th>2017国考</th>
            <th>2016国考</th>
            <th>2017省考</th>
            <th>2016省考</th>
            <th>网址</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>公告发布</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>ｗｗｗ</td>
          </tr>
          <tr>
            <td>网上报名</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>ｗｗｗ</td>
          </tr>
          <tr>
            <td>网上缴费</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>ｗｗｗ</td>
          </tr>
          <tr>
            <td>准考证打印</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>ｗｗｗ</td>
          </tr>
          <tr>
            <td>公考笔试</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>12.30</td>
            <td>ｗｗｗ</td>
          </tr>
        </tbody>
      </table>
    </div>
    <!---　　－－－－－－－－－－－－－－－－－－折叠组－－－－－－－－－－－－－－－－　　-->

    <div class="page-header" id="zhedieID">
      <br/><br/><br/>
      <h1>折叠组
        <small>将显示最近５条</small>
      </h1>
    </div>
    <br/>

    <!-- －－－－－－－－－－－－－－－－ -->

    <form class="form-horizontal" role="form" method ="POST" action="renewcontent/zhedie">
      <div class="form-group">
        <label for="addzhedietype" class="control-label col-md-1">分类</label>
        <div class="col-md-11">
          <select class="form-control" id="addzhedietype" name="type">
            <option value="guanfang">官方动态</option>
            <option value="shehui">社会热点</option>
          </select>
        </div>
      </div>
      <!-- －－　-->
      <div class="form-group">
        <label for="addzhedietitle" class="control-label col-md-1">标题</label>
        <div class="col-md-11">
          <input type="text" class="form-control" id="addzhedietitle" name="title" placeholder="折叠标题 简短说明">
        </div>
      </div>
      <!-- －－ -->
      <div class="form-group">
        <label for="addzhediecon" class="control-label col-md-1">内容</label>
        <div class="col-md-11">
          <textarea class="form-control" id="addzhediecon" rows="12" name="content" placeholder="支持markdown"></textarea>
        </div>
      </div>
      <!-- －－ -->
      <div class="form-group">
        <label for="addzhediemark" class="control-label col-md-1">时间</label>
        <div class="col-md-10">
          <input type="text" class="form-control" id="addzhediemark" name="time" placeholder="（必填）前端显示将按时间顺序　比如2016年12月6号，那么时间格式:20161206">
        </div>
        <div class="col-md-1">
          <button type="submit" class="btn btn-default">提 交</button>
        </div>
      </div>
    </form>


    <!---　　－－－－－－－－－－－－－－－－－－分页组－－－－－－－－－－－－－－－－　　-->

    <div class="page-header" id="fenyeID">
      <br/><br/><br/>
      <h1>分页组
        <small>将显示最近５条　更新时间2016.12.08 12:00</small>
      </h1>
    </div>
    <br/>

    <!-- －－－－－－－－－－－－－－－－ -->

    <form class="form-horizontal" role="form"  method ="POST" action="renewcontent/fenye" >
      <div class="form-group">
        <label for="addfenyetype" class="control-label col-md-1">分类</label>
        <div class="col-md-11">
          <select class="form-control" id="addfenyetype" name="type">
               <option value="zhongjun">钟君</option>
            </select>
        </div>
      </div>
      <!-- －－　-->
      <div class="form-group">
        <label for="addfenyetitle" class="control-label col-md-1">标题</label>
        <div class="col-md-11">
          <input type="text" class="form-control" id="addfenyetitle" name="title" placeholder="折叠标题 简短说明">
        </div>
      </div>
      <!-- －－ -->
      <div class="form-group">
        <label for="addzhediecon" class="control-label col-md-1">内容</label>
        <div class="col-md-11">
          <textarea class="form-control" id="addzhediecon" rows="12" name="content" placeholder="支持markdown"></textarea>
        </div>
      </div>
      <!-- －－ -->
      <div class="form-group">
        <label for="addfenyemark" class="control-label col-md-1">时间</label>
        <div class="col-md-10">
          <input type="text" class="form-control" id="addfenyemark" name="time" placeholder="（必填）前端显示将按时间顺序　比如2016年12月6号，那么时间格式:20161206">
        </div>
        <div class="col-md-1">
          <button type="submit" class="btn btn-default">提 交</button>
        </div>
      </div>
    </form>
    <!--　－－－－－－－－－－－－－－－－模态框－－－－－－－－－－－－－－－－－－－ -->
    <div class="modal fade" id="modalID">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            <h4 class="modal-title">项目添加</h4>
          </div>
          <div class="modal-body">
            <div class="form-horizontal" role="form">
              <div class="form-group row">
                <label for="addtype" class="control-label col-md-2">类型</label>
                <div class="col-md-9">
                  <select class="form-control" id="addtype">
                      <option>折叠组</option>
                      <option>标签组</option>  
                  </select>
                </div>
              </div>
              <div class="form-group row">
                <label for="addhead" class="control-label col-md-2">标题</label>
                <div class="col-md-9">
                  <input type="text" class="form-control" id="addhead">
                </div>
              </div>
              <div class="form-group row">
                <label for="addsubhead" class="control-label col-md-2">副标题</label>
                <div class="col-md-9">
                  <input type="text" class="form-control" id="addsubhead">
                </div>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary">提交</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="javascripts/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="javascripts/bootstrap.min.js"></script>


  </div>
</body>

</html>